<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
	<title th:text="新增订单"></title>
	<script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>
</head>

<body>
	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}">管理系统</span> - 微信号管理</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">

		<!-- Table -->
		<div class="panel panel-flat min-panel">
			<div class="panel-heading">
				<h5 class="panel-title text-primary"><i class="icon-twitter" th:text="新增订单"/></h5>
        	</div>
			<form action="#" id="edit">
						<div class="modal-body">
							<!-- <div class="form-group">
								<label th:text="'项目名称'"></label><span class="text-danger">*</span>
								<select name="projectName" multiple="multiple" required="true"  style="width: 150px; height: 200px">
									<option></option>
									<option th:each="product : ${productList}" th:value="${product.id}" th:text="${product.name}"></option>
								</select>
							</div> -->
							<div class="form-group">
								<label th:text="'渠道商'"></label><span class="text-danger">*</span>
								<select name="distributorId" id="distributorId" required="true" class="js-example-basic-single" style="width: 150px; height: 200px">
									<option></option>
									<option th:each="distributor : ${distributorList}" th:value="${distributor[0]}" th:text="${distributor[1]}"></option>
								</select>
							</div>
							<div class="form-group">
								<label th:text="'会员'"></label><span class="text-danger">*</span>
								<select name="customerId" id="customerId" required="true" class="js-example-basic-single" style="width: 150px; height: 200px">
									<option></option>
									<option th:each="customer : ${customerList}" th:value="${customer[0]}" th:text="${customer[1]}"></option>
								</select>
							</div>
							<div class="form-group">
								<label>项目金额<span class="text-danger">*</span></label>	
								<input name="amount" type="text" placeholder="项目金额" class="form-control" required="true" number="true" maxlength="11"/>
							</div>
		 					<div class="form-group">
								<label>项目时间<span class="text-danger">*</span></label>	
								<input type="text" id="createTime" readonly="readonly" name="createTime" class="form-control" required="true" />
							</div> 
							<div class="form-group">
								<input type="hidden" name="productName" id="productName"></input>	
								<select name="projectName" id="projectName" required="true"  style="width: 150px; height: 200px">
									<option></option>
									<option th:each="product : ${productList}" th:value="${product.id}" th:text="${product.name}"></option>
								</select>
								<input name="price" id="price" type="text" placeholder="产品价格" class="form-control" required="true" number="true" maxlength="11"/>
								<table id="tb" border="0px" width="800" height="100"  cellpadding="200px" cellspacing="0px">  
							        <tr>  
							            <td colspan="4">  
							                <button type="button" id="add" value="新增产品"  onclick="addRow()">新增产品 </button> 
							            </td>  
							        </tr>  
							         <tr>
							       		 <th>序号</th><th>产品ID</th><th>产品名称</th><th>产品价格</th>
							        </tr>
							          
							    </table>  
							</div>
						</div>
							
						<div class="modal-footer">
							<button type="button" class="btn btn-link" data-dismiss="modal">关闭</button>
							<button type="button" id="submitEdit" class="btn btn-primary" >保存</button>
						</div>
					</form>
		</div>
		
		<script type="text/templete" id="btnGroup">
			<div class="btn-group" data-toggle="buttons">
				<button type="button" class="btn btn-link text-primary btn-edit" title="编辑" data-toggle="modal" data-target="#edit_dialog">编辑</button>
				<button type="button" class="btn btn-link text-danger btn-del" title="删除">删除</button>
			</div>
		</script>
		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/addOrder.js}"></script>
	</div>
	<!-- /main content -->

</body>
</html>
